<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javascrip脚本语言案例dom树</title>
	</head>
	<body>
		<h1>javascript 脚本语言 之 dom树</h1>
		
		<a href="http://www.taobao.com" target="_blank" name="taobao">淘宝</a>
		<a href="http://www.dj.com" target="_blank" class="jd">京东</a>
		<a href="http://www.pingduo.com" target="_blank" id="pd">拼多多</a>
		
		<button onclick="alert(document.getElementsByTagName('a').length);">A标签数量</button>
		<button
		onclick="alert(document.getElementsByName('taobao')[0]);"
		>A淘宝链接</button>
		<button
		onclick="alert(document.getElementsByName('taobao')[0].innerText)"
		>A 淘宝内容</button>
	</body>
	<script>
		/*获取标题*/
		/*展现结果window(窗口),alert弹出框*/
		/*默认window下的对象是可以直接调用*/
		alert(document.title);
		
		/*获取h1标签内容,默认是一个数组,如果是一个的话,数组只有一个元素*/
		var h1 = document.getElementsByTagName(h1);
		/*alert(h1);  //打印数组*/
		alert(h1[0].innerText);/*访问数组的第一个元素内容*/
	</script>
</html>
